import { createApp } from 'vue';
import 'ant-design-vue/dist/antd.css';
import {
  LocaleProvider,
  Layout,
  Input,
  InputNumber,
  Button,
  Switch,
  Radio,
  Checkbox,
  Select,
  Card,
  Form,
  Row,
  Col,
  Modal,
  Table,
  Tabs,
  Icon,
  Badge,
  Popover,
  Dropdown,
  List,
  Avatar,
  Breadcrumb,
  Steps,
  Spin,
  Menu,
  Drawer,
  Tooltip,
  Alert,
  Tag,
  Divider,
  DatePicker,
  TimePicker,
  Upload,
  Progress,
  Skeleton,
  Popconfirm,
  message,
  notification,
  Pagination,
  TreeSelect,
  Tree,
  Empty,
  BackTop,
  PageHeader,
  Slider,
  Collapse,
  Image,
  Comment
  //   VueCropper
} from 'ant-design-vue'

export default function (container) {
  const app = createApp(container);

  app.use(BackTop)
  .use(Drawer)
    .use(Tree)
    .use(PageHeader)
    .use(Empty)
    .use(TreeSelect)
    .use(LocaleProvider)
    .use(Layout)
    .use(Input)
    .use(InputNumber)
    .use(Button)
    .use(Switch)
    .use(Radio)
    .use(Checkbox)
    .use(Select)
    .use(Card)
    .use(Form)
    .use(Row)
    .use(Col)
    .use(Modal)
    .use(Table)
    .use(Tabs)
    .use(Icon)
    .use(Badge)
    .use(Popover)
    .use(Dropdown)
    .use(List)
    .use(Avatar)
    .use(Breadcrumb)
    .use(Steps)
    .use(Spin)
    .use(Menu)
    .use(Tooltip)
    .use(Alert)
    .use(Tag)
    .use(Divider)
    .use(DatePicker)
    .use(TimePicker)
    .use(Upload)
    .use(Progress)
    .use(Skeleton)
    .use(Popconfirm)
    .use(notification)
    .use(Pagination)
    .use(Slider)
    .use(Collapse)
    .use(Image)
    .use(Comment)
  // .use(VueCropper)
    app.config.productionTip = false;
  app.config.globalProperties.$message = message;
  app.config.globalProperties.$confirm = Modal.confirm
  app.config.globalProperties.$notification = notification
  app.config.globalProperties.$info = Modal.info
  app.config.globalProperties.$success = Modal.success
  app.config.globalProperties.$error = Modal.error
  app.config.globalProperties.$warning = Modal.warning 
  
  return app 
}

